<template>
	<view class="content">
		<view class="company">
			<view class="company_img">
				<img :src="baseUrl + configData.main" alt="" mode="widthFix" v-show="configData.main">
			</view>
			<view class="company_name">
				<!-- <img src="/static/images/logo1.png" alt=""  mode="widthFix" style="width: 50rpx;margin-right: 8rpx;"> -->
				<text>{{configData.company || ''}}</text>
			</view>
			<!-- <view class="company_phone">
				<img src="/static/images/phone.png" alt=""  mode="widthFix" style="width: 32rpx;margin-right: 4rpx;">
				<text>1312345678(微信同号)</text>
			</view> -->
			<view class="company_desc ">
				<rich-text :nodes="configData.about_us" class="rich_val" ></rich-text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		baseUrl
	} from '@/api/request.js'
	import {
		config
	} from '@/api/api.js'

	export default {
		data() {
			return {
				configData:{},
				baseUrl
			}
		},
		onLoad() {
			this.getConfig()
		},
		methods: {
			getConfig(){
				config().then(res=>{
					this.configData = res.data
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	page {
		background-color: #fff;
	}
	.content {
		view {
			box-sizing: border-box;
		}
	}
	.company {
		&_img {
			width: 100vw;
			img {
				width: 100%;
			}
		}
		&_name {
			padding: 16rpx 0;
			padding-left: 32rpx;
			display: flex;
			align-items: center;
			font-size: 36rpx;
			font-family: PingFang SC-Semibold, PingFang SC;
			font-weight: 600;
			color: #333333;
			line-height: 48rpx;
		}
		&_desc {
			padding: 0 32rpx;
			font-size: 24rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #999999;
			line-height: 40rpx;
			position: relative;
		}
	}
</style>
